<!DOCTYPE html>
<html lang="en">

<head>
    <title>网上商城</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/uikit.min.css" rel="stylesheet">
    <link href="css/uikit.almost-flat.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/components/search.min.css">
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/uikit.min.js"></script>
    <script src="js/components/pagination.min.js"></script>
    <script src="js/components/search.min.js"></script>
    <script src="js/commhelper.js"></script>
</head>

<body>
    <div class="uk-grid" data-uk-grid-margin>
        <div class="uk-width-1-1">
            <nav class="uk-navbar uk-navbar-attached">
                <a href="index.html" class="uk-navbar-brand uk-hidden-small"><i class="uk-icon-shopping-bag"></i>&nbsp;&nbsp;网上商城</a>

                <div class="uk-navbar-flip">
                    <ul class="uk-navbar-nav">
                        <li class="uk-parent uk-active" data-uk-dropdown aria-haspopup="true" aria-expanded="false">
                            <a href=""><i class="uk-icon-user"></i>&nbsp;&nbsp;<label id="username">用户名</label></a>
                            <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-top" style="top: -218px; left: 0px;">
                                <ul class="uk-nav uk-nav-navbar">
                                    <li><a href="#"><i class="uk-icon-shopping-cart"></i>&nbsp;&nbsp;购物车</a></li>
                                    <li><a href="#"><i class="uk-icon-gear"></i>&nbsp;&nbsp;账户管理</a></li>
                                    <li><a href="login.html"><i class="uk-icon-sign-out"></i>&nbsp;&nbsp;退出</a></li>
                                </ul>
                            </div>

                        </li>
                        <li><a href=""><i class="uk-icon-comments"></i>&nbsp;&nbsp;在线客服</a></li>
                    </ul>
                </div>
            </nav>
        </div>
    </div>
    <div class="uk-vertical-align uk-text-center uk-height-1-1">
        <div class="uk-vertical-align-middle" style="width:800px">
            <div id="searchtip" style="height:50px; text-align:left;padding:20px 0;">
                <!-- <strong> 当前搜索关键字：23是的</strong> <a href="index.html" class="uk-close"></a>  -->
            </div>
            <div class="goods-toolbar">
                <div class="goods-sort">
                    <a href="javascript:;" onclick="sortGoods()">价格<i id="priceArrow" class="uk-icon-long-arrow-up"></i></a>
                </div>
                <div id="search">
                    <form id="goodssearch" class="uk-search" data-uk-search="{source:'my-results.json'}">
                        <input id="searchkeyword" name="keyword" class="uk-search-field" type="search" placeholder="搜索">
                    </form>
                </div>
            </div>

            <ul id="goods-list" class="uk-list goods-preview-ul">
                <!-- <li class="goods-preview-li">
                    <div class="goods-preview-img">
                        <a target="_blank" href="//item.jd.com/4359542.html">
                                <img width="215" height="215" alt="天堂伞-假一赔十" data-img="1" class="err-product" src="img/goods/goods1.jpg" title="【京东超市】佳佰羽绒被夏被夏凉被可水洗90%白鸭绒双人色织100%棉裸睡亲肤被尚品格（200*230cm）">
                            </a>
                    </div>
                    <div class="goods-preview-name">
                        <a target="_blank" href="//item.jd.com/4359542.html" title="【京东超市】佳佰羽绒被夏被夏凉被可水洗90%白鸭绒双人色织100%棉裸睡亲肤被尚品格（200*230cm）">【京东超市】佳佰羽绒被夏被夏凉被可水洗90%白鸭绒双人色织100%棉裸睡亲肤被尚品格（200*230cm）</a>
                    </div>
                    <div class="goods-preview-price">优惠价：<strong class="price">¥<em class="J-p-4359542">369.00</em></strong>
                        <a target="_blank" class="uk-button-success buy-btn" href="//item.jd.com/4359542.html" class="buy-btn">抢购</a>
                    </div>
                </li> -->
            </ul>

            <div>
                <ul id="paginatiom" class="uk-pagination"></ul>
            </div>
            <div id="error" class="uk-alert uk-alert-danger" style="display: none;">服务异常</div>
        </div>
    </div>
    <script src="js/index.js"></script>
</body>

</html>